<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,width=device-width"/>
<link rel="stylesheet" type="text/css" href="../bootstrap4/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="../font/iconfont.css"/>
<title>订单详情</title>
</head>
<body>
<div class="banner hidden-sm-down">
	<img class="banner_img" src="../img/bg.jpg" />
	<img class="logo" src="../img/logo.png" />
</div>
<header class="my-header">
	<nav class="navbar navbar-light bg-faded">
		<div class="container">
			<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
			<a href="/" class="form-inline float-xs-right center">
	        	<img src="../img/Personal-Center.png" />
				<span>个人中心</span>
		    </a>
		    <div class="collapse navbar-toggleable-xs" id="navbar-header">
		      <ul class="nav navbar-nav">
		      	<li class="nav-item">
		          <a class="nav-link" href="#">Navbar</a>
		      	</li>
		        <li class="nav-item dropdown">
				    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
				    <div class="dropdown-menu">
				      <a class="dropdown-item" href="#">Action</a>
				      <a class="dropdown-item" href="#">Another action</a>
				      <a class="dropdown-item" href="#">Something else here</a>
				      <div class="dropdown-divider"></div>
				      <a class="dropdown-item" href="#">Separated link</a>
				    </div>
				</li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Features</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Pricing</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">About</a>
		        </li>
		      </ul>
		    </div>
		</div>
	</nav>
</header>	
<section class="container mt20 mall_box Settlement od">
	<h5 class="h5 pt-2">商品列表</h5>
	<table class="table table-striped mt20">
	  <thead>
	    <tr>
	      <th>名称</th>
	      <th>个数</th>
	      <th>金额</th>
	      <th>个数</th>
	      <th>金额</th>
	      <th>订单编号</th>
	    </tr>
	  </thead>
	  <tbody>
	    <tr>
	      <td>Mark</td>
	      <td>Otto</td>
	      <td>@mdo</td>
	      <td>Otto</td>
	      <td>@mdo</td>
	      <td>@mdo</td>
	    </tr>
	    <tr>
	      <td>Mark</td>
	      <td>Otto</td>
	      <td>@mdo</td>
	      <td>Otto</td>
	      <td>@mdo</td>
	      <td>@mdo</td>
	    </tr>
	    <tr>
	      <td>Mark</td>
	      <td>Otto</td>
	      <td>@mdo</td>
	      <td>Otto</td>
	      <td>@mdo</td>
	      <td>@mdo</td>
	    </tr>
	  </tbody>
	</table>
</section>
<section class="container mt20 mall_box Settlement od">
	<h6 class="h5 pt-2">订单信息</h6>
	<table class="table table-bordered">
	  <thead>
	  </thead>
	  <tbody>
	  	<tr>
	      <th class="my_dd">订单编号</th>
	      <td>12132135132</td>
	    </tr>
	    <tr>
	      <th class="my_dd">付款方式</th>
	      <td>奖励积分</td>
	    </tr>
	    <tr>
	      <th class="my_dd">收货地址</th>
	      <td>重庆市渝北区金渝大道68号</td>
	    </tr>
	    <tr>
	      <th class="my_dd">订单状态</th>
	      <td>已发货</td>
	    </tr>
	    <tr>
	      <th class="my_dd">发货时间</th>
	      <td>2017-1-8</td>
	    </tr>
	    <tr>
	      <th class="my_dd">备注</th>
	      <td></td>
	    </tr>
	  </tbody>
	</table>
</section>
</body>
<script src="../jquery-3.0.0/jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
</html>